{extend name="layout" /}
{block name="content"}

<style type="text/css">
    .layui-card-body{
        background-color: #fff;
        padding: 10px;
        margin-top: 10px;
        border: 1px solid #e6e6e6;
    }

    .layui-tab-card>.layui-tab-title{
        background-color: #f9f9f9;
        border-bottom: none;
    }
    .layui-tab-content{
        padding: 0;
    }
    .layui-table, .layui-table-view{
        margin: 0;
    }
    .layui-margin-10{
        margin:10px ;
    }
    .layui-layer-page .layui-layer-content{
        overflow: initial;
    }
    /*.layui-table-cell {
        height: auto;
        text-overflow: inherit;
        overflow: visible;
        white-space: normal;
        word-wrap: break-word;
    }*/
</style>
<script src="__STATIC_JS__jquery.form.js" type="text/javascript" charset="utf-8"></script>


<div class="layui-card-body">
    <div class="layui-tab layui-tab-card" lay-filter="goods-tab" style="margin:0;">
        <div class="layui-tab-content" >
            <table id="Table" lay-filter="Table"></table>
        </div>
    </div>
</div>


<script>
    var table, window_box;
    layui.use(['form', 'layedit','upload', 'laydate','table','element'], function(){


        table = layui.table.render({
            elem: '#Table',
            height: 'full-181',
            cellMinWidth: '80',
            page: 'true',
            limit:'20',
            url: "{:url('sms/index')}?_ajax=1",
            id:'Table',
            cols: [[
                {type:'checkbox'},
                {field:'id', width:90, title:'ID', align: 'center'},
                {field:'mobile', width:150, title:'手机', align: 'center'},
                {field:'type', width:150, title:'类型', align: 'center'},
                {field:'status', width:150, title:'状态', align: 'center'},
                {field:'code', width:120, title:'code', align: 'center'},
                {field:'created_at', width:180, title:'发送时间', align: 'center'},

            ]]
        });
    });


</script>
{/block}